$(function(){
	var box=document.getElementsByClassName("h_box")[0];
	var flo=document.getElementsByClassName("h_float")[0];
	//var imgWidth=$(".h_box").eq(0).width()+25;
	//alert(imgWidth)
	var move=true;
/***************************小图动作************************************/	
	function aa(){
	  if(move=true){
		var b_l=box.offsetLeft-170;
        $(".h_box").animate({left:b_l},300,function(){
			if(b_l<=-2210){
				   $(".h_box").animate({left:"-850"},0);
		    }
		});
      }
	}
	var t=setInterval(aa,3000);
	clearInterval(t);
/*******************************透明框动作****************************************************/
	function bb(){
	  if(move=true){
		 var f_l=flo.offsetLeft+170;
		 $(".h_float").animate({left:f_l},300);
		 if(f_l>=693){
			clearInterval(k);
			t=setInterval(aa,3000);
		 }
      }
	}
	var k=setInterval(bb,3000);
	
/****************************大图动作****************************************/
    var q=1;
	function cc(){
	  if(move=true){
		$(".img_in").each(function(i){
		     $(this).attr("id","")
		})
		$(".img_in").eq(q).attr("id","show");
		q++;
		if(q>=8){
		   	q=0;
		}
	  }
	}
    var j=setInterval(cc,3000);
/********************************设置左右键动作**************************************************/
              /********************左键***********************/
	  $(".h_left").click(function(){
		 clearInterval(t);
		 clearInterval(k);
		 clearInterval(j);
	     var f_l2=flo.offsetLeft-170;
		 if(f_l2<=-157){
			 var b_l2=box.offsetLeft+170;
             $(".h_box").animate({left:b_l2},300,function(){
			       if(b_l2>=0){
				       $(".h_box").animate({left:"-1360"},0);
		           }
			 });
		 }else{
		     $(".h_float").animate({left:f_l2},300);
	     }
		q=q-1;
		if(q<=0){
		   	q=7;
		}
		//alert(q)
		$(".img_in").each(function(i){
		     $(this).attr("id","")
		})
		//alert(q)
		$(".img_in").eq(q).attr("id","show");
		 j=setInterval(cc,3000);
		 k=setInterval(bb,3000);
	  })
                /****************右键*************************/
	  $(".h_right").click(function(){
			 clearInterval(t);
			 clearInterval(k);
			 clearInterval(j);
			var f_l2=flo.offsetLeft+170;
			if(f_l2>=863){
				var b_l2=box.offsetLeft-170;
				$(".h_box").animate({left:b_l2},300,function(){
				   if(b_l2<=-2210){
					   $(".h_box").animate({left:"-850"},0);
				   }
				})
			}else{
				$(".h_float").animate({left:f_l2},300);
			}
			
			q=q+1;
			//alert(q)
			$(".img_in").each(function(i){
				 $(this).attr("id","")
			})
			if(q>=8){
				q=0;
			}
			$(".img_in").eq(q).attr("id","show");
			j=setInterval(cc,3000);
			if(f_l2<863){
					k=setInterval(bb,3000);
			}else{
					t=setInterval(aa,3000);	
			}
	  })

/****************************点击图片透明框移动关联大图************************************************/
	$(".h_box div").click(function(){
		    
	     	var b_l=$(".h_imgs").offset().left;
			var s_l=$(this).offset().left;
			var now_l=s_l-b_l;
			var num=$(this).attr("class");
			//alert(num)
			//alert(now_l)
			
			clearInterval(t);
		    clearInterval(k);
			clearInterval(j);
		q=num
        $(".img_in").each(function(i){
		     $(this).attr("id","")
		})
		if(q>=8){
		   	q=0;
		}
		$(".img_in").eq(q).attr("id","show");

		$(".h_float").animate({left:now_l},300,function(){
		    var f_l3=flo.offsetLeft;
			alert(f_l3)
			if(f_l3<693){
				k=setInterval(bb,3000);
			}else{
			    t=setInterval(aa,3000);	
		    }
		});
		j=setInterval(cc,3000);
	})
	
/***************************鼠标移入时停止动作****************************************/
	$(".h_box").hover(function(){
           move=false;
	},function(){
	       move=true;
	})
	
	$(".imgs").hover(function(){
          move=false;
	},function(){
          move=true;
	})









})